/* Icons */

@import "../var/icons/entypo";

[class^="icon-"] a:before,
[class*=" icon-"] a:before,
[class^="icon-"] a:after,
[class*=" icon-"] a:after, 
[class^="icon-"] button:before,
[class*=" icon-"] button:before,
[class^="icon-"] button:after,
[class*=" icon-"] button:after, 
i[class^="icon-"],
i[class*=" icon-"] {
  font-family: "#{$icons}";
  position:absolute;
  text-decoration:none;
  zoom: 1;
}

i[class^="icon-"],
i[class*=" icon-"] {
  display: inline-block;
  position: static;
  min-width: 20px;
  margin: 0 5px;
  text-align: center;
}

@each $icon in $entypo-icons {
  .#{nth($icon, 1)} {
    &.icon-left a:before, &.icon-right a:after,  &.icon-left button:before, &.icon-right button:after{
      content: "#{nth($icon, 2)}";
      height: inherit;
      right:10px;
      font-weight: bolder;
    }
  }
  i.#{nth($icon, 1)}:before {
    content: "#{nth($icon, 2)}";
    height: inherit;
  }
}
